<!DOCTYPE html>
<html>
<head>
<link rel='match' href='min_max_height_b.html'>
<title>You see here a scroll labeled VE FORBRYDERNE.</title>
<style>
div {
    width: 50px;
}
#a {
    background: red;
    height: 50px;
    min-height: 100px;
}
#b {
    background: green;
    height: 100px;
    max-height: 50px;
}
#c {
    background: blue;
    height: 50px;
    min-height: 100px;  /* <-- this one overrides per the spec */
    max-height: 25px;
}
</style>
</head>
<body>
<div id=a></div>
<div id=b></div>
<div id=c></div>
</body>
</html>

